<template>
    <div class="common-layout">
        <h1>待办事项</h1>
        <el-container>
            <el-header><SonHeader/></el-header>
            <el-main><SonMain/></el-main>
            <el-footer>Footer</el-footer>
        </el-container>
    </div>
  </template>
  
<script>
import SonHeader from '@/components/ToDo/SonHeader.vue';
import SonMain from '@/components/ToDo/SonMain.vue';
export default {
    components:{
        SonHeader,
        SonMain
    }
}
</script>

<style>
#app{
    width: 800px;
    margin: auto;
}
</style>